<template>
  <view class="page-container" :style="state.style">
    <tt-loading :ready="state.ready"></tt-loading>
  </view>
</template>
<script setup lang="ts">
/**
 * 模块引入
 */
import { reactive, getCurrentInstance, nextTick } from "vue";
import { onLoad } from "@dcloudio/uni-app";
const { proxy } = getCurrentInstance();
/**
 * 接口
 */
/**
 * 数据
 */
const state = reactive({
  ready: false,
  style: {},
});
/**
 * 初始方法
 */
onLoad(() => {
  handStyle();
  state.ready = true;
});
/**
 * 功能方法
 */
// 处理样式函数，需要等页面加载完在处理，否则会渲染无效
const handStyle = () => {
  nextTick(() => {
    state.style = {
      "min-height": `${proxy.$config.systemInfo().windowHeight}px`, //设置页面默认高度，撑开整个屏幕
    };
  });
};
/**
 * 子组件方法
 * const ref = ref();
 * ref.value.fun()
 */
/**
 * 生命周期方法
 * onShareAppMessage  分享好友
 * onShareTimeline 分享朋友圈
 * onReachBottom 页面内触底
 */
</script>
<style lang="scss" scoped>
@import url("@/static/css/theme.scss");
.page-container {
}
</style>
